﻿@charset "utf-8";
/* CSS Document */
body{background-color:#fff; overflow-x:hidden; color:#666; font-size:12px; font-family: microsoft yahei , "宋体"; position:relative;}/*网站字体颜色*/

.header , .content , .footer , .container{margin-left:auto; margin-right:auto; width:1200px; font-family:microsoft yahei;}

.header{ width:100%; background:#fff;}
.h_top{ height:33px; background:#f8f8f8; line-height:33px; }
.h_top em{ float:left;}
.h_top em,.h_top span a{color:#999;}
.h_top span a{ padding:0 8px; border-right:1px solid #999;}
.h_top .nl{ padding-right:0; border-right:none;}
/*cd h_top*/
.h_cont{ padding:20px 0; }
.h_cont .dz{ float:left;}
.h_cont .dz dt{ float:left;}
.h_cont .dz dd{ float:left; margin-left:49px; margin-top:24px;}
.h_cont .dz dd h4{ font-size:18px; color:#f48a02;}
.h_cont .dz dd p{ font-size:14px; color:#333; margin-top:13px;}
.h_cont .dr{ background:url(../images/phimg.png) no-repeat left center; padding-left:52px; float:right; margin-top:20px;}
.h_cont .dr dt{ color:#6e6e6e; padding-top:5px; font-size:16px;}
.h_cont .dr dd{font-size:30px; color:#f48a02; font-family:"Arial"; font-weight:bolder} 
/*cd h_cont*/
.nav{ height:52px; overflow:hidden; background:url(../images/navbg.png) repeat-x center;}
.nav ul{overflow:hidden;}
.nav ul li{ float:left; background:url(../images/navbg2.png) no-repeat left center; }
.nav ul li a{ font-size:16px; color:#fff; display:block; line-height:52px;padding:0 35px; text-decoration:none;}
.nav ul .nol{ background-image:none;}

.nav ul li a:hover{ background-color:#ff9711;}
.nav ul .cur{background-image:none;background-color:#ff9711;}
/*页面头部*/

.footer{ width:100%; background:#034277; padding-bottom:34px;}
.footer .yqlj{ overflow:hidden;}
.yqlj h4{ margin-top:23px; font-size:18px; font-weight:normal; color:#fff;}
.yqlj h4 img{ margin-left:5px;}
.yqlj ul{ margin-top:20px; overflow:hidden;}
.yqlj ul li{ float:left; margin-right:42px; margin-bottom:17px;}
.yqlj ul li a { color:#fff;}
.yqlj ul .nom{}
.f_nav{ height:39px; overflow:hidden; background:#033056; margin-top:33px;}
.f_nav ul{overflow:hidden;}
.f_nav ul li{ float:left;}
.f_nav ul li a{ font-size:14px; color:#fff;line-height:39px; padding:0 25px; border-left:1px solid #9aacbb;}
.f_nav ul li.nol a{ border:none;}
.f_bq{ overflow:hidden;}
.f_bq dl{ margin-top:40px;  overflow:hidden; width:900px; float:left}
.f_bq dl dt{ float:left; border-right:1px solid #a4c3fa; padding-right:30px; width:200px;}
.f_bq dl dd{ color:#fff; float:left; margin-left:40px;width:600px; line-height:30px;}
.f_bq dl dd p{ margin-bottom:11px;}
.f_bq dl dd p span{margin-left:32px;}
.f_bq dl dd a{ color:#fff;}
.f_bq .ewm{ width:120px; float:left; color:#fff; margin-top:10px; text-align:center}
.f_bq .ewm img{ width:120px; display:block; margin-bottom:10px}
/*页面底部*/

.dede_pages{
}
.dede_pages ul{
	float:left;
	padding:12px 0px 12px 16px;
   
}
.dede_pages ul li{
	float:left;
	font-family:Tahoma;
	line-height:17px;
	margin-right:6px;
	border:1px solid #E9E9E9;
}
.dede_pages ul li a{
	float:left;
	padding:2px 4px 2px;
	color:#555;
	display:block;
}
.dede_pages ul li a:hover{
	color:#690;
	text-decoration:none;
	padding:2px 4px 2px;
}
.dede_pages ul li.thisclass,
.dede_pages ul li.thisclass a,.pagebox ul li.thisclass a:hover{
	background-color:#F8F8F8;
	padding:2px 4px 2px;
	font-weight:bold;
}
.dede_pages .pageinfo{
	line-height:21px;
	padding:12px 10px 12px 16px;
	color:#999;
}
.dede_pages .pageinfo strong{
	color:#555;
	font-weight:normal;
	margin:0px 2px;
}
/*分页*/


.phone_fl{ display:none}
.gd{ display:none}
.plogo{ display:none}


@media screen and (max-width: 420px){
.header, .content, .footer, .container{ width:100%; overflow:hidden}	
.h_cont{ padding:10px 0}	
.h_top .fr{ display:none}	
.h_cont .dz{ background:none; width:200px;}
.logo_img{ display:none}
.plogo{ display:block; width:90%}
.h_cont .dz dd{ display:none}	
.h_cont .dr{ margin-top:0; background-size:22%; padding-left:40px; margin-right:10px}	
.h_cont .dr dd{ font-size:18px}	

.nav{ height:auto; background:none;}
.nav ul{ background:#005caa}
.nav ul li{    background: url(../images/navbg2.png) no-repeat right center;}
.nav ul li a{ padding:0 22px; font-size:14px; line-height:42px; }
.nav ul .nol{ display:none}
#flashs{ height:200px !important}
#flashbg0{ background:url(../images/p1.jpg) no-repeat !important;  background-size:100% !important;}
#flashbg1{ background:url(../images/p2.jpg) no-repeat !important; background-size:100% !important;}
#flashbg2{ background:url(../images/p3.jpg) no-repeat !important;  background-size:100% !important;}
#flashs .btn span{ width:10px !important; height:10px !important; text-indent:-9999px;}
#flashs .btn{ margin-left:115px !important;}
.cp_box .pfzx{ width:100%; padding:0; height:auto}
.cp_tle{ background:#005caa}
.phone_fl{ display:block;}
.cp_list{ display:none}
.phone_fl h4{ background: #ff9711;  height: 38px;  line-height: 38px; color:#fff;}
.phone_fl h4 a{    font-size: 16px; color: #fff;  padding-left: 14px;}
.phone_fl h4 img{ width:20px; margin-top:8px; margin-right:10px;}
.phone_fl ul{ width:100%; background: url(../images/libg.png); margin:0; padding:10px 0; z-index:999; display:none}
.phone_fl ul li{ padding:0 15px; width:90%}
.phone_fl ul li a{ color: #fff;  background: url(../images/listbg.png) no-repeat left center;   padding-left: 13px;  width:100%; overflow: hidden; display: block;  height: 28px;  line-height: 28px; border-bottom:1px dashed #fff}
.cp_box .cptj{ width:100%}
.cptj h4{ display:none}
.cptj ul li{ width:46%; margin-left:1%; margin-left:1%}
.cptj ul li a img{ width:96% !important; padding:2%}

.alzs ul{ width:98%;}
.wt_wry{ display:none}
.cpdb{ display:none}
.ys_box{ display:none}
.rimgs{ display:none}
.news_b .fir .info{ width:300px;}
.news_b .fir .info .msg{ padding-top:0; height:auto;}
.news_b .fir .time{ width:70px;}
.news_b .fir .info .title{ min-height:25px;}
.dongtai{ display:none}
.yqlj{ display:none}
.f_nav{ display:none}
.f_bq dl dt{ display:none}
.f_bq dl{ width:93%; margin-top:20px; text-align:center}
.f_bq dl dd{ margin-left:15px;}
.f_bq dl dd p{ line-height:24px; margin-bottom:0}

.gd{ display:block}
.yincang{ height:50px;}
/*底部浮动样式*/
.body_footer{width:100%; height:51px; background:#333; position:fixed; bottom:0;}
.body_footer ul{width:100%;}
.body_footer ul li{width:25% ; float:left; color:#fff; background:url(../images/line.jpg) right top no-repeat;}
.body_footer ul li:hover{width:25% ; float:left; color:#fff; background:url(../images/nav01.jpg) left bottom repeat-x;}
.body_footer ul li a{width:100%; height:46px; display:block; padding-top:5px;}
.body_footer ul li a:hover { color:#ff0;}
.body_footer ul li dl{width:auto; margin:0 auto; text-align:center;}
.body_footer ul li dt{width:auto; height:25px; overflow:hidden;}
.body_footer ul li dd{width:auto; height:20px; font-size:12px; color:#fff; line-height:20px; overflow:hidden;}

.topadcs{ background:url(../images/p1.jpg) no-repeat !important; height:200px !important; background-size:100% !important}
.left{ display:none}
.right{ width:100%; overflow:hidden}
.r_title{ height:30px; line-height:30px; position:relative; width:100%}
.r_title span{ position:relative; top:30px; color:#333; right:10px;}
.r_title span a{ color:#333}
.about_con{ min-height:300px; padding:20px 10px;}
.about_con img{ width:96% !important; margin:0 auto;}
.cp_Show{ padding-top:20px;}
.cp_Show li{ width:46%; margin-left:1%}
.tjwtBox{ width:86%;}
.tjwtBox .m_form .txtAre{ width:180px}
.tjwtBox .m_form .iptTxt{ width:208px;}
.tjwtBox .m_form .btnSubmit, .tjwtBox .m_form .btnReset{ width:135px;}
.new_Cont{ width:95%; margin-top:30px;}
.new_Cont dl{ padding:0; margin:0; margin-left:15px;}
.new_Cont dt a{ font-size:14px; height:30px; line-height:30px;}
.new_Cont dt em{ display:none}
.new_Cont dl dd{ display:none}
.news_txt img{ width:100% !important;}
.xg{ height:90px;}
.xg p{ width:94%; clear:both; margin-top:3px;}
.xgcp{ display:none}
#printableview{ width:100%; margin:0; padding:0}
.prodbaseinfo_a{ width:86%}
.pro_main{ margin-top:25px;}
.cp{ display:none}	
.cpxq{ width:100%}
.cpxq_con img{ width:94% !important; margin:0 auto}
.mian{ padding:0; margin:0;}
	 
}



@media screen and (max-width: 380px){
.nav ul li a{ padding:0 15px}	
.news_b .fir .info{ width:250px;}	
.news_b{ padding-bottom:0}	
	
#flashs{ height:180px !important}

.topadcs{ height:170px !important; background-size:100% !important}	

.cp_Show{ padding-top:0}
.cp_Show li a>img{ height:160px !important;}		
	
	
	
	
	
	
	
	}





@media screen and (max-width: 320px){
.nav ul li a{ padding:0 10px}	
.h_cont .dr {  background-size:17%;padding-left:25px; margin-right:0; margin-top:10px}
.h_cont .dr dt{ display:none;}
.h_cont .dr dd{ font-size:14px;}
	
#flashs{ height:150px !important}
#flashs .btn{ margin-left:105px !important;}
.news_b .fir .info{ width:220px;}
.tjwtBox .m_form .iptTxt{ width:168px;}
.tjwtBox .m_form .txtAre{ width:140px;}	
.tjwtBox .m_form .btnSubmit, .tjwtBox .m_form .btnReset{ width:115px}	 
	
	}


















